import React,{ Component } from 'react';
import { Table } from 'antd';
//key的值可以不设，React需要的key，如果已经设置了唯一的dataIndex，可以忽略。
//dataIndex
const dataSource = [{
	key: 1,
	name: '天下',
	age: 32,
	hobby: '看书',
	address: '甘肃省',

},{
	key: 2,
	name: '小小',
	age: 12,
	hobby: '旅游',
	address: '华池县',

},{
	key: 3,
	name: '天天',
	age: 13,
	hobby: '画画',
	address: '庆阳市',
}]

const columns = [{
	title: '姓名',
	dataIndex: 'name',
	key: 'name',
},{
	title: '年龄',
	dataIndex: 'age',
	key: 'age',
},{
	title: '爱好',
	dataIndex: 'hobby',
	key: 'hobby',
},{
    title: '住址',
    dataIndex: 'address',
    key: 'address',
}]

class TabItem extends Component {
	constructor(props) {
		super(props);
		this.state = {
			//loading默认为false,如果为true的话，页面一进入就处于加载状态，待数据请求到时，就消失了。
			loading: false,
		}
	}
	render() {
		return (
			<Table dataSource={ dataSource } columns={ columns } />
		)
	}
}
export default TabItem;